@include b(scroll-container) {
  width: 100%;
  height: 100%;
  @include flex(column);

  @include when(hidden) {
    display: none;
  }
}

@include b(scroll-container-content) {
  flex-grow: 1;
  overflow: auto;
  @include flex;
  @include e(center) {
    flex-grow: 1;
    overflow: auto;
  }
  @include e(left) {
    overflow: auto;
  }
  @include e(right) {
    overflow: auto;
  }
}

@include b(scroll-container-header) {
  overflow: auto;
}
@include b(scroll-container-footer) {
  overflow: auto;
}
